<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" type="text/css" href="../../../../Themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="../../../../Themes/icon.css">
		<link rel="stylesheet" type="text/css" href="../../../../CSS/demo.css">
		<link rel="stylesheet" type="text/css" href="../../../../CSS/common.css">
		<script type="text/javascript" src="../../../../JS/common.js"></script>
		<script type="text/javascript" src="../../../../JS/jquery.min.js"></script>
		<script type="text/javascript" src="../../../../JS/jquery.easyui.min.js"></script>
		<script type="text/javascript" src="../../../../JS/map.js"></script>
		<style>
			.right_postion {
				position: absolute;
				left: 750px;
				color: blue;
				font-weight: 300;
			}
			
			.left_postion {
				position: absolute;
				left: 40px;
				color: blue;
				font-weight: 300;
			}
			
			#maptitle {
				color: blue;
				font-weight: 600;
				font-size: 15px;
				margin-left: 340px;
				margin-top: 50px;
			}
		</style>
	</head>

	<body style="height: 100%;">
		<div style="text-align: left; ">
			<p id="maptitle"></p>
			<div id="left_top" class="left_postion"></div>
			<div id="right_top" class="right_postion"></div>
			<img id="img" src="../../../../images/map/map-3-2/C形门面b区.jpg" usemap="#12" style="border-style:none;width: 812px;height: 507px;position: absolute;" />
			<map id="12" name="12">
				<area shape="poly" coords="39,162,58,166,48,224,31,223" href="#" id="area6" />
				<area shape="poly" coords="58,165,71,168,63,226,50,223" href="#" id="area5" />
				<area shape="poly" coords="75,168,92,170,83,230,66,225" href="#" id="area4" />
				<area shape="poly" coords="95,172,110,173,102,230,86,229" href="#" id="area3" />
				<area shape="poly" coords="111,174,129,177,119,234,104,232" href="#" id="area2" />
				<area shape="poly" coords="130,177,149,177,137,238,122,233" href="#" id="area1" />
				<area shape="poly" coords="720,191,736,189,740,252,725,253" href="#" id="area23" />
				<area shape="poly" coords="704,193,719,190,723,255,710,255" href="#" id="area24" />
				<area shape="poly" coords="688,193,702,192,708,253,694,253" href="#" id="area25" />
				<area shape="poly" coords="673,196,689,195,693,255,677,257" href="#" id="area26" />
				<area shape="poly" coords="656,197,670,196,676,256,662,256" href="#" id="area27" />
				<area shape="poly" coords="639,197,653,196,660,257,643,259" href="#" id="area28" />
				<area shape="poly" coords="623,197,634,197,642,260,628,259" href="#" id="area29" />
				<area shape="poly" coords="605,200,621,198,627,260,612,260" href="#" id="area30" />
				<area shape="poly" coords="586,201,605,199,611,260,591,260" href="#" id="area31" />
				<area shape="poly" coords="566,204,585,202,591,263,571,263" href="#" id="area32" />
				<area shape="poly" coords="547,207,566,203,570,264,554,265" href="#" id="area33" />
				<area shape="poly" coords="529,206,546,205,552,264,536,266" href="#" id="area34" />
				<area shape="poly" coords="509,209,528,206,534,266,516,268" href="#" id="area35" />
				<area shape="poly" coords="492,208,508,209,514,268,497,268" href="#" id="area36" />
				<area shape="poly" coords="473,212,489,209,496,269,478,271" href="#" id="area37" />
				<area shape="poly" coords="451,212,472,213,476,270,457,272" href="#" id="area38" />
				<area shape="poly" coords="435,214,449,214,455,271,429,275" href="#" id="area39" />
				<area shape="poly" coords="411,212,433,214,428,275,404,271" href="#" id="area40" />
				<area shape="poly" coords="391,210,410,212,403,270,383,267" href="#" id="area41" />
				<area shape="poly" coords="374,209,390,209,381,267,365,266" href="#" id="area42" />
				<area shape="poly" coords="344,203,356,205,347,264,333,262" href="#" id="area43" />
				<area shape="poly" coords="305,197,323,199,313,260,297,255" href="#" id="area44" />
				<area shape="poly" coords="288,196,304,198,295,255,279,252" href="#" id="area45" />
				<area shape="poly" coords="274,194,289,196,279,255,265,253" href="#" id="area46" />
				<area shape="poly" coords="257,192,272,193,264,254,250,250" href="#" id="area47" />
				<area shape="poly" coords="243,191,257,192,248,252,233,250" href="#" id="area48" />
				<area shape="poly" coords="227,188,241,190,233,249,219,245" href="#" id="area49" />
				<area shape="poly" coords="210,186,227,188,217,248,201,244" href="#" id="area50" />
				<area shape="poly" coords="195,183,210,185,201,244,187,243" href="#" id="area51" />
				<area shape="poly" coords="179,182,193,183,184,241,171,239" href="#" id="area52" />
				<area shape="poly" coords="164,179,178,182,170,240,155,239" href="#" id="area53" />
			</map>
			<div id="left_bottom" class="left_postion"></div>
			<div id="right_bottom" class="right_postion"></div>
		</div>
	</body>
	<script type="text/javascript">
		var _left_top_num = 0;
		var _left_bottom_num = 0;
		var _right_top_num = 0;
		var _right_bottom_num = 0;
		var _tmp = "12";

		
//		getTipNum();

//		function getTipNum() {
//			console.log("开始执行!");
//			var bh = parseInt(_tmp.substring(0, 1));
//			_left_bottom_num = (bh - 1) * 40 + 20;
//			_right_bottom_num = (bh - 1) * 40 + 1;
//			_left_top_num = (bh - 1) * 40 + 40;
//			_right_top_num = (bh - 1) * 40 + 21;
//			$("#left_bottom").html(_left_bottom_num);
//			$("#right_bottom").html(_right_bottom_num);
//			$("#left_top").html(_left_top_num);
//			$("#right_top").html(_right_top_num);
//			$("#maptitle").html("蔬菜批发区" + bh + "号大棚");
//
//		}
		
		function getLocation(_num) {
			var bh = _tmp.substring(0, 1);
			console.log(bh);
			var boost_num = (parseInt(bh) - 1) * 40 + _num;
			var _location = "水果批发区" + _tmp + "门牌号" + boost_num;
			return _location;
		}
		
		$(function() {
			$("area").each(function(index, element) {
				showTips($(this), $(this).attr("id"));
			});
		});
		////查看商铺的详细信息
		function BoostDetail() {
			console.log("查看商铺详细信息");
		}
	</script>

</html>